<nz-layout class="login-layout">
  <!--登录页的顶部start-->
  <nz-header class="login-header">
    <!--登录页logo start-->
    <div class="login-logo">
      <img [src]="app.logoDark" height="40">
    </div>
    <!--登录页logo end-->
  </nz-header>
  <!--登录页的顶部end-->
  <!--登录页中心的广告banner start-->
  <nz-content>
    <div class="login-center" style="padding: 0;">
      <nz-carousel [nzDots]="false">
        <div nz-carousel-content *ngFor="let index of array"><img width="100%" style="min-height: 558px" [src]="index">
        </div>
      </nz-carousel>
    </div>
  </nz-content>
  <!--登录页中心的广告banner end-->
  <!--登录页底部 start-->
  <nz-footer class="login-footer">{{app.copyright}}</nz-footer>
  <!--登录页底 部 end-->
</nz-layout>
<!--登录验证表单start-->
<form nz-form [formGroup]="validateForm" class="login-form">
  <!--表单头部start-->
  <div class="headings"><h1>账号登录</h1></div>
  <!--表单头部end-->
  <!--表单用户名input框start-->
  <nz-form-item>
    <nz-form-control [nzValidateStatus]="getFormControl('account')">
      <nz-input-group nzPrefixIcon="anticon anticon-user font18" nzSize="large" >
        <input nz-input formControlName="account" type="text" id="account" class="pl-40" placeholder="请填写用户名">
      </nz-input-group>
      <nz-form-explain *ngIf="getFormControl('account').dirty&&getFormControl('account').errors">
        <ng-container *ngIf="getFormControl('account').hasError('required')">请填写用户名！</ng-container>
      </nz-form-explain>
    </nz-form-control>
  </nz-form-item>
  <!--表单用户名input框end-->

  <!--表单密码input框start-->
  <nz-form-item>
    <nz-form-control [nzValidateStatus]="getFormControl('pwd')">
      <nz-input-group nzPrefixIcon="anticon anticon-lock font18" nzSize="large" >
        <input nz-input formControlName="pwd" type="password" id="pwd" class="pl-40" placeholder="密码">
      </nz-input-group>
      <nz-form-explain *ngIf="getFormControl('pwd').dirty&&getFormControl('pwd').errors">
        <ng-container *ngIf="getFormControl('pwd').hasError('required')">请填写密码！</ng-container>
      </nz-form-explain>
    </nz-form-control>
  </nz-form-item>
  <!--表单密码input框end-->

  <!--表单底部start-->
  <nz-form-item>
    <nz-form-control>
      <button nz-button [nzType]="'primary'" [nzSize]="'large'" nzBlock (click)="login()">登录</button>
      <div class="passed">
        <ul class="fr mr-20 mt-5">
          <li [routerLink]="registerUrl"><u>注册</u></li>
        </ul>
      </div>
    </nz-form-control>
  </nz-form-item>
  <!--表单底部end-->
</form>
<!--登录验证的表单end-->

